<!DOCTYPE html>
<html xmlns="http://www.w3c.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta charset="UTF-8" />
	<script type="text/javascript"
		src="resources/js/jquery/jquery-plugins.js?ln=primefaces"></script>

	<!-- TEMPLATE -->

	<meta name="description"
		content="Clean Responsive One Page V-card by Benaissa Ghrib" />
	<meta name="keywords"
		content="HTML, CSS, JavaScript, Template, Minimal, responsive one page template, PHP, One page template" />
	<meta name="author" content="Benaissa Ghrib" />
	<meta name="viewport"
		content="width=device-width, initial-scale=1, maximum-scale=1" />
	<link rel="stylesheet" href="resources/css/main.css" />
	<link rel="stylesheet"
		href="resources/fancybox/jquery.fancybox-1.3.4.css" />
	<link rel="stylesheet" href="resources/css/flexslider.css" />
	<link rel="stylesheet" href="resources/css/fontello.css" />
	<!--[if IE 7]>
		    <link rel="stylesheet" href="resources/css/fontello-ie7.css">
		<![endif]-->
	<link rel="stylesheet" type="text/css"
		href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic|PT+Serif:400,400italic" />

	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->

	<!--[if lt IE 8]>
		<style>
		/* For IE < 8 (trigger hasLayout) */
		.clearfix {
		    zoom:1;
		}
		</style>
		<![endif]-->

	<!-- /TEMPLATE -->

	<title>Editar Cliente</title>
</h:head>

<h:body>

	<!-- TEMPLATE -->

	<!--Wrapper-->
	<div id="wrapper">
		<!--Main header-->
		<section id="header">
			<div id="innerHeader">
				<!--Header-->
				<header class="clearfix">
					<!--Logo-->
					<div id="logo">
						<h1>
							<a href="#wrapper">Online Store <span>Retailer</span></a>
						</h1>
					</div>
					<!--End logo-->
					<h:form>
						<p style="width: 100%; text-align: right;">
							Hola <b><h:outputText value="#{sessionScope.user.nombre}"></h:outputText></b> | <a href="carritoCompras.xhtml" title="Ver carrito de compras">Ver carrito</a> | <p:commandLink value="Cerrar sesiÃ³n" action="#{AutenticacionBean.cerrarSesion}" ajax="false"></p:commandLink>
						</p>
					</h:form>
				</header>
				<!--End header-->
			</div>

			<p:menubar model="#{MenuBean.model}" id="OSRMenu" />

			<!--End inner header-->
		</section>
		<!--End main header-->

		<!--Main content-->
		<div id="mainContent" class="clearfix">

			<!--Slider-->
			<div id="slider">
				<div id="slideShow" class="flexslider">
					<ul class="slides">
						<li><img src="resources/images/sliderImages/slide1.jpg"
							alt="" /></li>
						<li><img src="resources/images/sliderImages/slide2.jpg"
							alt="" /></li>
					</ul>
				</div>
			</div>
			<!--End slider-->

			<!--Inner Content-->
			<div id="innerContent" class="clearfix">
				<!--Anota-->
				<div id="anota">
					<div>
						<h1>Online Store Retailer</h1>
						<h2>Una tienda en linea con fines académicos</h2>
					</div>
					<div class="arrAnota"></div>
				</div>
				<!--End anota-->

				<!--Contact-->
				<section id="contact" class="clearfix">
					<!--Title-->
					<div class="title">
						<div>
							<h1>Cliente</h1>
							<h4>Edición de cliente</h4>
						</div>
						<div class="titleArrow"></div>
					</div>
					<!--End title-->

					<!--Inner contact-->
					<div id="innerContact" class="clearfix">

						<h:form style="width: 100%;"> 
						 
						 <p:panelGrid columns="2">  
						 <f:facet name="header" >  
						        Editor de Clientes de la OSR
						    </f:facet>
						
						#{UsuarioBean.cargarSesion()}
						<p:inputText id="nombre" value="#{UsuarioBean.nombre}" > </p:inputText>
						
						<label>Apellido</label>
						<p:inputText id="apellido" value="#{UsuarioBean.apellido}" > </p:inputText>
						
						<label>Password</label>
						<h:inputSecret id="contrasena" value="#{UsuarioBean.contrasena}" > </h:inputSecret>
						
						<label>Sexo</label>
							<p:selectOneRadio value="#{UsuarioBean.sexo}" >
						   		<f:selectItem itemValue="M" itemLabel="Masculino" checked="true"/>
						   		<f:selectItem itemValue="F" itemLabel="Femenimo" />
							</p:selectOneRadio>
						
						<label>Celular</label>
						<p:inputText id="celular" value="#{UsuarioBean.celular}" > </p:inputText>
						
						<label>Direccion</label>
						<p:inputText id="direccion" value="#{UsuarioBean.direccion}" > </p:inputText>
						
						<label>Correo electronico</label>
						<p:inputText disabled="true" id="correo" value="#{UsuarioBean.correo}" > </p:inputText>
						
						<label>Tipo documento</label>
						<p:selectOneMenu id ="tipoDocume" value="#{UsuarioBean.tipoDoc}" required="true"  >
						  <f:selectItems value="#{UsuarioBean.tiposDocumentos}" var="_tipo"  itemLabel="#{_tipo.tipo}" itemValue="#{_tipo.idtipodocumento}"  />  
						</p:selectOneMenu>
						
						<label>No. documento</label>
						<p:inputText id="no_documento" value="#{UsuarioBean.noDocumento}" > </p:inputText>
						
						<label>Telefono fijo</label>
						<p:inputText id="tel_fijo" value="#{UsuarioBean.telFijo}" > </p:inputText>
						
						<label>Fecha nacimiento</label>
						<p:calendar value="#{UsuarioBean.fechaNacimiento}" id="popupButtonCal" showOn="button" /> 
						
						<label>Desea recibir las ultimas novedades de la tienda? </label>
						<p:selectOneRadio value="#{UsuarioBean.suscrito}" >
						   	<f:selectItem itemValue="si" itemLabel="Si" />
						   	<f:selectItem itemValue="no" itemLabel="No" />
						</p:selectOneRadio>
						
						<label>Departamento </label>
						<p:selectOneMenu id ="departa" value="#{UsuarioBean.departamento}" required="true" >
						  <f:selectItems value="#{UsuarioBean.departamentos}" var="_depto"  itemLabel="#{_depto.nombre}" itemValue="#{_depto.iddepartamento}"  />  
						   
						</p:selectOneMenu>
						
						<label>Ciudad </label>
						<p:selectOneMenu id ="ciuda" value="#{UsuarioBean.ciudad}" required="true" >
						  <f:selectItems value="#{UsuarioBean.ciudades}" var="_ciudad"  itemLabel="#{_ciudad.nombre}" itemValue="#{_ciudad.idciudad}"  />  
						</p:selectOneMenu>
						
						</p:panelGrid>
						
						<p:commandButton id="btnRegistrar" value="Modificar" action ="#{UsuarioBean.editarCliente}" ajax="false" ></p:commandButton>
						<p:commandButton id ="limpiar" type="reset" value="Limpiar formulario" ajax="false"></p:commandButton>
						<h:outputText value="#{UsuarioBean.mensaje}"></h:outputText>
						</h:form> 
					
					</div>
					<!--Inner contact-->
				</section>
				<!--End contact-->


				<!--Footer-->
				<section id="footer">
					<div class="innerFooter">
						<p>Junio 2013. Online Store Retailer</p>
					</div>
				</section>
				<!--End footer -->
			</div>


			<!--End inner Content-->
		</div>
		<!--End main content-->

	</div>
	<!--End wrapper-->

	<!-- /TEMPLATE -->


</h:body>
</html>